<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"      
      xmlns:h="http://java.sun.com/jsf/html">
    <h:head>
        <title>
            <h:outputText value="SISTEMA DE GESTION DE SEGURIDAD :: FONCODES - ACCESO" />
        </title>
        <link type="text/css" href="${facesContext.externalContext.requestContextPath}/resource/css/login.css" rel="stylesheet" />
    </h:head>
    <h:body>
        <center>
            <h:form id="frmLogin" >
                <p:dialog id="dlgOlvidoClave" modal="true" header="¿Olvidaste tu clave?" widgetVar="wOlvidoClave" resizable="false"
                          width="410" height="200" showEffect="clip" hideEffect="fold" visible="true" >
                    <p:panel >
                        <table style="width: 350px;" class="formato">
                            <tbody>
                                <tr>
                                    <td><h:outputText value="Usuario :"/></td>
                                    <td><p:inputText value="" id="txtUsuarioOlvido" style="width: 280px" maxlength="20"></p:inputText></td>
                                </tr>
                                <tr>
                                    <td colspan="2"><br/></td>
                                </tr>
                                <tr>
                                    <td colspan="2" >
                                        <p class="nota">
                                            <span class="ui-icon ui-icon-notice mensajeIcon"></span>
                                            Si olvidaste tu clave, digita tu código de usuario y pulsa Continuar
                                        </p>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2">
                                    <p:toolbar style="padding: 4px;">
                                        <p:toolbarGroup align="center" style="text-align: center">
                                            <p:commandButton value="Continuar" icon="ui-icon-check" onclick="" update="mensajeOlvidoClave" />
                                            <p:commandButton value="Cancelar" icon="ui-icon-close" onclick="" />
                                        </p:toolbarGroup>
                                    </p:toolbar>                    
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </p:panel>
                    <p:messages id="mensajeOlvidoClave" showDetail="true" showSummary="false"/>
                </p:dialog>
            </h:form>
        </center> 
    </h:body>
</html>